<template>
	<view>
		<view   @tap="jump('/pages/bbs/content/content?id='+list.id)"  style="display: flex; justify-content: space-around; padding-top: 25rpx;padding-bottom: 25rpx;">
			<view class=""  style="width: 65%;">
				<view class="" style="font-size: 28rpx;font-weight: 600; ">
					{{list.title || ''}}
				</view>
				<view class="" style="margin-top: 35rpx;">
					<image :src="photo_cdn+list.avatar" style="width: 28rpx; height: 28rpx;border-radius: 15rpx;" ></image>
					{{list.nickname || ''}}
				</view>
				<view style="margin-top: 25rpx;">
					<view class="" style="display: flex;align-items: center;">
						<view class=""  v-for="(item,key) in list.reply" :key="key"  style="margin-left: 10rpx;">
							<image :src="photo_cdn+item.avatar" style="width: 28rpx; height: 28rpx;border-radius: 15rpx;" ></image>
						</view>
						<view class="" style="font-size: 16rpx;  display: flex; justify-content: center;align-items: center;padding-left: 15rpx; padding-right: 15rpx;">
							{{list.re_count ||  0 }}人感兴趣
						</view>
					</view>
				</view>
			</view>
			<view class="" style="font-size: 20rpx; color: #737373; width: 30%;">
				回复于{{list.reply[0].time|| ''}}
			</view>
		</view>
		
	</view>
</template>

<script>
	import config from "@/utils/config.js";
	let {photo_cdn} = config.baseUrl;
	export default {
		props: {
			list: {
				type: Object,
				default: []
			},
		},
		data() {
			return {
				photo_cdn
			}
		},
		methods: {
			//跳转
			jump(e){
				console.log(e)
				uni.navigateTo({
					url:e
				})
			},
		}
	}
</script>

<style>

</style>
